import { React, useState, useEffect } from 'react'
// import ReactEcharts from 'echarts-for-react';
import HomePage from '../parts/HomePage';
import SchoolTable from '../parts/SchoolTable';
import TeacherTable from '../parts/TeacherTable';
import Notice from '../service/Notice';
import Pic from '../service/Pic';
import Evaluate from '../service/Evaluate';
import Vote from '../service/Vote';

const MessageSurvey = () => {
  return <div className="MessageSurvey">
    <div className='survey'>
      {/* 发布数量 */}
      <div className='count'>
        <div className='notice'>
          <p><span>通知发布数量</span></p>
          <p><span>2022年08月</span></p>
          <p><span className='num'><Notice /></span><span>条</span></p>
        </div>
        <div className='pic'>
          <p><span>相册发布数量</span></p>
          <p><span>2022年08月</span></p>
          <p><span className='num'><Pic /></span><span>条</span></p>
        </div>
        <div className='evaluate'>
          <p><span>评价发布数量</span></p>
          <p><span>2022年08月</span></p>
          <p><span className='num'><Evaluate /></span><span>条</span></p>
        </div>
        <div className='vote'>
          <p><span>投票发布数量</span></p>
          <p><span>2022年08月</span></p>
          <p><span className='num'><Vote /></span><span>条</span></p>
        </div>
      </div>
      {/* 统计图 */}
      <div className='statistics'>
        <HomePage />
      </div>
      {/* 消息排行 */}
      <div className='RankingBox'>
        <div className='school'>
          <div className='title'>
            学校月消息发布排行</div>
          <div className='time'>
            <div>2022年8月 | 前10</div>
            <div className='more'><a href='/message/SchoolMessage'>查看更多 &gt;</a></div>
          </div>
          <div><SchoolTable /></div>
        </div>
        <div className='teacher'>
          <div className='title'>
            教师月消息发布排行</div>
          <div className='time'>
            <div>2022年8月 | 前10</div>
            <div className='more'><a href='/message/TeacherMessage'>查看更多 &gt;</a></div>
          </div>
          <div><TeacherTable /></div>
        </div>
      </div>
    </div>
  </div>
}

export default MessageSurvey